/* 
2020 06 21
lili
 城市 *****. 目前科室当前选中是按照 index 计算，开发中若有id 也可以替换成id
*/
// 引入数据文件  前端测试用
document.write("<script language=javascript src='js/ceshi/city.js'></script>");
$(function(){
    var cityData = city; // 数据

    // 点击 城市
    function deptnameFun(indexOne,indexTwo){
        var _indexOne = indexOne, // 默认选中  一级 
            _indexTwo = indexTwo; // 默认选中  二级

        $("#fixSelect").html('');
        var popHtml = '<div class="fix-select-wrap">';
            popHtml += '<div class="fix-select-in fix-select-city list-flex">';
            popHtml += '<div class="fix-select-left">';
            popHtml += '';
            popHtml += '<dl class=""><dt><a href="javascript:;" class="line1">全国</a></dt></dl>';
            $.each(cityData, function (idx, item) {
                popHtml += '<dl class="">';
                popHtml += '<dt><a href="javascript:;" class="line1">'+item.name+'</a></dt>';
                popHtml += '</dl>';
            });
            popHtml += '</div>';
            popHtml += '<div class="fix-select-right list-bd">';
            popHtml += '<ul>';
            // 验证是否当前有选中
            if(_indexOne != ''){
                if(_indexOne == 0){
                    popHtml += '<li><a href="javascript:;" class="line1">全部</a></li>';
                }else{
                    popHtml += '<li><a href="javascript:;" class="line1">全部</a></li>';
                    $.each(cityData[_indexOne-1].sub, function (idx, item) {
                        popHtml += '<li><a href="javascript:;" class="line1">'+item.name+'</a></li>';
                    });
                }
            }
            popHtml += '</ul>';
            popHtml += '</div>';
            popHtml += '</div>';
            popHtml += '</div>';
            
        $("#fixSelect").html(popHtml);
        // 页面距顶部距离
        var top = $('.fix-top').height();
        $('#fixSelect .fix-select-wrap').css('top',top+'px');

        if(indexOne != ''){
            // 默认选中 赋值
            $('#fixSelect .fix-select-city .fix-select-left dl').eq(_indexOne).addClass('curr');
            $('#fixSelect .fix-select-city .fix-select-right li').eq(_indexTwo).addClass('curr');
        }
    }
    // 点击 二级科室
    function deptnameThreeFun(indexOne){
        var _indexOne = indexOne; // 选中 
        $("#fixSelect .fix-select-right").html('');
        var popHtml = '<ul>';
            
            if(_indexOne == 0){
                popHtml += '<li><a href="javascript:;" class="line1">不限</a></li>';
            }else{
                popHtml += '<li><a href="javascript:;" class="line1">全部</a></li>';
                $.each(cityData[_indexOne-1].sub, function (idx, item) {
                    popHtml += '<li><a href="javascript:;" class="line1">'+item.name+'</a></li>';
                });
            }
            popHtml += '</ul>';
            
        $("#fixSelect .fix-select-right").html(popHtml);
    }
    // 城市 click
    $('#selectCityBtn').click(function(){
        if(!$(this).hasClass('curr')){
            $(this).addClass('curr').siblings('.nav-li').removeClass('curr');
            var indexOne = $(this).attr('data-one'), // 默认选中  一级
                indexTwo = $(this).attr('data-two');
            deptnameFun(indexOne,indexTwo);
        }else{
            $("#fixSelect").html('');
            $('#selectCityBtn').removeClass('curr');
        }
    })
    // 点击 一级
    $("#fixSelect").on('click','.fix-select-city .fix-select-left dl dt',function(){

        if(!$(this).parent('dl').hasClass('curr')){
            $(this).parent('dl').addClass('curr').siblings('dl').removeClass('curr');;
            var indexOne = $(this).parent('dl').index();
            deptnameThreeFun(indexOne);
        }
    })

    // 点击 二级
    $("#fixSelect").on('click','.fix-select-city .fix-select-right li',function(){
        var indexText = $(this).text();
        var indexOne, // 选中  一级
            indexTwo; // 选中  二级
        indexOne = $('.fix-select-city .fix-select-left dl.curr').index(), // 选中  一级
        indexTwo = $(this).index(); // 选中  二级
        //  0 代表选中全部
        if(indexTwo == 0){
            indexText = $('.fix-select-wrap .fix-select-left dl.curr dt').text();
        }else{
        }
        
        $('#selectCityBtn span').text(indexText);
        $("#fixSelect").html('');
        $('#selectCityBtn').removeClass('curr');
        console.log()
        $('#selectCityBtn').attr('data-one',indexOne), //   一级
        $('#selectCityBtn').attr('data-two',indexTwo); //   二级
    })
})

